<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			/*鼠标悬停到 大风车上 旋转*/
			img{
				/*过度属性:控制旋转的时间*/
				transition:transform  10s;
			}
			img:hover{
				/*转换：旋转*/
				transform:rotate(3600deg);
			}
		</style>
	</head>
	<body>
		<!-- 音频与视频  属性 autoplay 自动播放一次属性
		                     autoplay="autoplay"属性与属性值一致
							 controls  控制条
							 loop     循环播放
		-->
		<img src="img/dfc.jpg" alt="大风车">
		<audio src="img/dafengche.mp3" autoplay controls loop></audio>
		<!-- <video src="img/sp.mp4" autoplay controls loop></video> -->
		<video src="img/sp.mp4" autoplay controls loop></video>
	</body>
</html>